<template>
  <BaseHeader />
  <div class="main-view">
    <BaseSide />
    <div class="content-view" style="background-color: #f2f2f2">
      <router-view> </router-view>
    </div>
  </div>
</template>


<script lang="ts" setup>
import { onMounted } from "@vue/runtime-core";
import { useRouter } from "vue-router";
const router = useRouter();
onMounted(() => {
  router.push("/home")
}) 
</script>


<style>
body {
  margin: 0 !important;
}

#app {
  text-align: center;
  color: var(--el-text-color-primary);
  display: flex;
  flex-direction: column;
}

.main-view {
  display: flex;
  flex: 1;
}

.content-view {
  flex: 1;
}
</style>
